@charset "utf-8";
/* CSS Document */
/* reset */
html, body, h1, h2, h3, h4, h5, h6, div, dl, dt, dd, ul, ol, li, blockquote, pre, hr, figure, table, caption, th, td, form, fieldset, legend, input, button, textarea, menu {
  /* [disabled]margin:0;
*/
  padding: 0;
  font-family: "microsoft yahei", "simhei", "simsun";
  color: #333;
  margin: 0;
  font-size: 16px
}
p {
  padding: 0;
  font-family: "microsoft yahei", "simhei", "simsun";
  color: #333;
  margin: 0;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
html, body, fieldset, img, iframe, abbr {
  border: 0;
}
i, cite, em, var, address, dfn {
  font-style: normal;
}
[hidefocus], summary {
  outline: 0;
}
li {
  list-style: none;
}
h1, h2, h3, h4, h5, h6, small {
  font-size: 100%;
  font-weight: normal
}
sup, sub {
  font-size: 83%;
}
pre, code, kbd, samp {
  font-family: inherit;
}
q:before, q:after {
  content: none;
}
textarea {
  overflow: auto;
  resize: none;
}
label, summary {
  cursor: default;
}
a, button {
  cursor: pointer;
}
del, ins, u, s, a, a:hover {
  text-decoration: none;
}
a {
  color: #333;
  font-family: "microsoft yahei";
}
a:hover {
  color: #015293
}

.fr {
  float: right !important
}
.fl {
  float: left !important
}
.clearfix {
    *+height: 1%;
}

body {
  margin: 0px;
  padding: 0px;
}
img {
  width: 100%;
  border: 0;
  display: block
}
.mb0{ margin-bottom: 0!important}
.fr {
  float: right
}
/*loading*/
.loading_BOX{background: url(loading_bg.png) no-repeat; background-size: 100% 100%}

.wel1{
    width: 31.6%;
   ;
    position: absolute;
    top: 12%;
    left: 50%;
   
    margin-left: 15.8%;
  
}
.wel2{
    width: 56%;
   
    position: absolute;
    top: 30%;
    left: 50%;
   
    margin-left: -843px;
  
}
.wel3{
    width: 254px;
    height: 80px;
    position: absolute;
    top: 66%;
    right: 20%;
  
  
     background: url(loading_tit.png) no-repeat;
}





/*返回顶部*/
#totop {
  position: fixed;
  bottom: 20px;
  right: 180px;
  z-index: 9999999999;
  width: 44px;
  cursor: pointer;
  display: none;
}
#totop a {
  display: block;
  outline: none;
  width: 44px;
  height: 44px;
  background: #6e7b9c url(cosmos_back_top@2x.png) center no-repeat;
  background-size: 44px 44px;
  opacity: 0.3;
  border-radius: 3px;
}
#totop a:hover {
  opacity: 1;
  background-color: #006bc1;
}
.headBox .row{ overflow: auto}
/* 头部 */
.nav {
  width: 1340px;
  height: 52px;
  line-height: 52px;
  background: #015293;
  margin:14px auto 0;
 
  clear: both;position: relative
}
.nav li {
  width: 10%;
  float: left;
  text-align: center;
  font-size: 20px;  
}
.nav li h3 a {
  color: #fff;
  font-weight: bold;
  padding-bottom: 7px;
  padding: 0 15px 9px
}
.nav li h3  a:hover {
  border-bottom: 4px solid #f8c702
}
.nav .active {
  border-bottom: 4px solid #f8c702
}
.nav li:hover .sub{ display: block;transition: all 0.4s;}
.nav .sub{ display:none;/* 元素不可见，也不占据空间 */ left: 0px;  top:52px;  position:absolute; z-index:1000;/* 绝对定位*/background:rgba(233, 240, 243, 0.9) !important;/*实现FF背景透明，文字不透明*/
filter:Alpha(opacity=90); background:#e9f0f3;
 font-size:16px; color:#555; width: 96%; padding: 5px 2%}
.nav .sub dd{ display: inline-block; float: left; margin-right: 40px}
.nav .sub dd a{ display:block;/* 块状显示*/   font-size:18px; color:#015293; }
.nav .sub dd a:hover{ color: #66bddf}


.fixedNav {
    background:#1572cf;
    height: 3rem;
    position: fixed;
    width: 100%;
    top: 0;
    display: none;
    z-index: 999;left:0
}
.flexnav{ display: flex; justify-content: space-between; align-items: center}
.logofixed {
   flex: 1; margin:0 4% 0 4%
   
}
.logofixed img{ width: 100%}
.fixedNav span {
    line-height: 3rem;
    display: block;
    float: right;
    color: #fff;
    font-size: 0.88rem;
    padding-right: 1.19rem;
    font-weight: 300;
    vertical-align: middle;
}
.fixedNav span::after {
    display: inline-block;
    content: "";
    width: 1.19rem;
    height: 1.13rem;
    background: url(cosmos_dkj_ico@3x.png) no-repeat;
        background-size: auto;
    background-size: 1.19rem 1.13rem;
    vertical-align: middle;
    margin-left: 0.5rem;
    cursor: pointer;
    position: relative;
    top: -0.1rem;
}

/*标题*/
.tit {
  padding: 0 20px;
  height: 56px;
  line-height: 56px;
  background: #f4f4f4;
  margin-bottom: 25px
}
.tit h2 {
  font-weight: bold;
  color: #015293;
  font-size: 22px
}
.tit h2 a {
  color: #015293;
}
.titH2 {
  font-size: 22px;
  color: #015293;
  font-weight: bold;
  margin-bottom: 20px
}
.titH2 a {
  color: #015293;
}
.content .tit {
  height: 68px;
  line-height: 68px;
}
.content .tit h2 {
  font-size: 20px
}
/*标题*/
.R_tit {
  width: 100%;
  background: url(titBg_zx_2021510.jpg) no-repeat;
  background-size: 100% 100%
}
.R_tit h2 {
  color: #fff;
  font-size: 24px;
  font-weight: bold;
  background: url(R_titBg_2021510.png) no-repeat left center;
  margin-left: 25px;
  padding: 18px 30px;
}
/* 通用菜单 */
.Hamburg {
  margin-bottom: 20px;
  overflow: hidden
}
.Hamburg a {
  margin-right: 10px
}
.Hamburg a:last-child {
  background: none;
  color: #015293
}
.Hamburg label {
  background: url(map_zx_2021510.png) no-repeat left center;
  padding-left: 32px;
}
.wrap, .row {
  width: 1340px;
  overflow: hidden;
  margin: 0 auto
}
.MT30 {
  margin-top: 30px
}
/*APPHEAD*/
.APP_head {
  width: 96%;
  margin: 0 auto;
  display: none
}
.APP_head .APP_nav {
  display: flex;
  justify-content: space-between
}
.APP_head .APP_List {
  flex: 1;
  margin-right: 2%;
  background: #015293;
  padding: 10px 0
}
.APP_head .APP_List li {
  float: left;
  width: 33.3%;
  text-align: center;
  font-size: 18px;
  margin: 5px 0
}
.APP_head .APP_List li a {
  color: #fff
}
.APP_head .APP_Btn {
  width: 10%;
  background: #015293 url(app_more.png) no-repeat center
}
.APP_head .logo {
  margin: 0 0 30px
}
.app_btn_search{ width: 30px; height: 30px; display: block; background: url(APP_search.png) no-repeat center; background-size: 16px; float: right; margin-bottom: 10px}
/*通用TAB*/
/*.tab-ul{ background: #efefef; width: 100%;height: 37px; border-radius: 4px; margin-bottom: 20px}
.tab-ul li{ float: left; height: 37px; line-height: 37px; font-size: 16px;padding: 0 10px; font-weight: bold;}
.tab-ul .cur{ background: #015293;border-radius: 4px;}
.tab-ul .cur a{ color: #fff;}*/
.tab-ul {
  width: 100%;
  overflow: hidden;
  margin-bottom: 20px
}
.tab-ul li {
  float: left;
  background: url(line_zx_2021510.png) no-repeat center right;
  font-size: 22px;
  padding-right: 18px;
  margin-right: 18px;
  font-weight: bold;
}
.tab-ul li:last-child {
  background: none
}
.tab-ul .cur {}
.tab-ul .cur a {
  color: #015293;
}
/*通用ul列表*/
.currency_ul {
  width: 100%;
  overflow: hidden;
  display: block
}
.currency_ul li {
  background: url(li_zx_202157.png) 0 8px no-repeat;
  padding-left: 13px;
  line-height: 20px;
  overflow: hidden;
  margin-bottom: 18px
}
.currency_ul li:hover {
  background: url(li_on_zx_202157.png) 0 8px no-repeat;
}
.currency_ul li:last-child {
  margin-bottom: 0 !important;
}
.currency_ul li a {
  width: 80%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  float: left;
  display: block; font-size: 17px
}
.currency_ul li a:hover {
  color: #015293;
}
.currency_ul li span {
  color: #9f9e9e;
  float: right
}
/*通用ul列表*/
.R_currency_ul {
  width: 100%;
  overflow: hidden;
  display: block;
  border-bottom: 1PX dotted #cfcfcf;
  padding-bottom: 20PX;
  margin-bottom: 20px
}
.R_currency_ul:last-child {
  border-bottom: none;
  padding-bottom: 0;
  margin-bottom: 0
}
.R_currency_ul li {
  background: url(li_zx_202157.png)12px 8px no-repeat;
  padding-left: 25px;
  line-height: 20px;
  overflow: hidden;
  margin-bottom: 18px; 
}
.R_currency_ul li:hover {
  background: url(li_on_zx_202157.png)12px 8px no-repeat;
}
.R_currency_ul li:last-child {
  margin-bottom: 0 !important;
}
.R_currency_ul li a {
  width: 80%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  float: left;
  display: block;font-size: 17px
}
.R_currency_ul li a:hover {
  color: #015293;
}
.R_currency_ul li span {
  color: #9f9e9e;
  float: right;
  margin-right: 1%
}
.footer {
  width: 100%;
  border-top: 1px solid #e6e6e6;
  position: relative;
  margin-top: 30px;
}
.footer img {
  vertical-align: middle;
}
.bottom_links {
  max-width: 1340px;
  width: 100%;
  overflow: hidden;
  margin: 0 auto;
  text-align: center
}
.bottom_links ul {
  text-align: center;
  background: url(f_line.png) no-repeat right center;
  display: inline-block
}
.bottom_links ul li {
  display: block;
  padding: 25px 70px 25px 70px;
  color: #5a6271;
  display: inline-block;
  background: url(f_line.png) no-repeat left center;
}
.link_W_Sub:after {
  content: "";
  speak: none;
}
.link_W_Sub > a:after {
  speak: none;
  content: "";
  display: inline-block;
  width: 9px;
  height: 10px;
  background: url(down_zx_2021511.png) right center no-repeat;
  background-size: 9px 6px;
  margin-left: 10px;
}
.link_W_Sub.expended > a:after {
  transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  /* IE 9 */
  -moz-transform: rotate(180deg);
  /* Firefox */
  -webkit-transform: rotate(180deg);
  /* Safari 和 Chrome */
  -o-transform: rotate(180deg);
  transition: transform 0.2s linear;
  background: url(down_on_zx_2021511.png)right center no-repeat
}
.link_W_Sub > a:hover {
  color: #0d4c99;
}
.link_hidden_box {
  position: absolute;
  width: 1340px;
  height: auto;
  left: 50%;
  margin-left: -670px;
  
  background: #5A6271 url(foot-line.png) top center no-repeat;
  z-index: 9999;
  display: none;
  
}
.link_hidden_box div {
  padding: 30px 50px;
}
.link_hidden_box div a {
  color: #fff;
  line-height: 30px;
  padding: 0 10px;
  display: inline-block;
  white-space: nowrap;
  font-size: 14px;
}
.link_hidden_box div dl {
  width: 50%;
}
.link_hidden_box div dl dt {
  width: 100%;
}
.link_hidden_box div dl dd {
  float: left;
}
.bottom_links ul li.label_tag {
  color: #ff6200;
}
.footer_text {
  background: #0b4a97;
  padding: 30px 0 15px
}
.footer_div {
  width: 859px;
  padding-left: 87px;
  background: url(fonter_img_2021510.png) no-repeat left center;
  margin: 0 auto
}
.footer_text p {
  color: #fff;
  margin-bottom: 15px;
}
.footer_text p label {
  margin-right: 30px
}
.footer_text p a {
  color: #fff;
  margin-right: 18px;
}
.footer_text p a:last-child {
  margin-left: 18px;
}
.fenye{ text-align:center; margin:30px 0 10px;}
.fenye span,.fenye a{ display:inline-block; width:42px; height:42px; text-align:center; line-height:42px; margin:0 2px; font-size:12px; font-weight: bold;}
.fenye span.on{ background-color:#0968b8; color:#fff;}
.fenye a{ background-color:#eaeaea; color:#6a6a6a;}
.fenye a:hover{ background-color:#0968b8; color:#fff;}
.fenye .page_s{ background: url(page_l_zx_2021712.png) no-repeat;background-size: 100%;background: none\9;filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='page_l_dkj_202172.png',sizingMethod='scale')}

.fenye .page_x{ background: url(page_r_zx_2021712.png) no-repeat;background-size: 100%;background: none\9;filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='page_r_dkj_202172.png',sizingMethod='scale')}

.fenye font{ font-size:16px; color:#797979;}
.fenye input{ width:42px; height:42px; text-align:center; line-height:42px; box-sizing:border-box; margin:0 4px;}
.fenye font input:first-child{ border:1px solid #ede8e6;}
.fenye font input:first-child+input{ background:#ddd; cursor:pointer;}
.fenye font input:first-child+input:hover{background-color:#0968b8; color:#fff;}
@media screen and (max-width:1280px) {
	
	
	
	
}
@media screen and (max-width:1440px) {
/*返回顶部*/
#totop {
  position: fixed;
  bottom: 20px;
  right: 5px;
  z-index: 9999999999;
  width: 44px;
  cursor: pointer;
  display: none;
}
}
@media screen and (max-width:1024px) {
  .wrap, .bottom_links {
    width: 96%;
  }
  .row {
    width: 100%
  }
  .headBox {
    display: none
  }

  .APP_head {
    display: block
  }
  .fixedNav_content {
    display: none;
    z-index: 999;
    background: #394351;
    width: 100%;
    margin: 0 auto;
    border-bottom: 0.1rem solid #015293;
  }
  .fixedNav_content ul {
    padding: 1rem 1.19rem;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    flex-direction: row;
    justify-content: space-around;
    flex-wrap: wrap;
  }
  .fixedNav_content ul li {
   
    text-align: center;
	  width: 33.3%; word-wrap: break-word; padding: 10px 0
  }
  .fixedNav_content ul li a {
    color: #fff
  }
  .closeNav {
    border: 0.06rem solid #fff;
    color: #fff;
    font-size: 0.88rem;
    padding: 0.5rem;
    display: block;
    text-align: center;
    width: 10rem;
    border-radius: 0.19rem;
    margin: 10px auto 0.8rem;
  }
  .titH2, .tab-ul {
    background: #f4f4f4;
    height: 46px;
    line-height: 46px;
  }
}
@media screen and (max-width:768px) {
  .APP_head .APP_Btn {
    width: 10%;
    background: #015293 url(app_more.png) no-repeat center;
    background-size: 40%
  }
  .APP_head .APP_List {
    padding: 5px 0;
  }
  .currency_ul li, .R_currency_ul li {
    margin-bottom: 10px
  }
  .currency_ul li span, .R_currency_ul li span {
    display: block;
    width: 100%;
    font-size: 14px;
  }
  .Hamburg {
    border-bottom: 1px solid #d5dee4;
    padding-bottom: 15px;
  }
  .currency_ul li a,.R_currency_ul li a {
    width: 100%;
    white-space: inherit;
    margin-bottom: 5px
  }
  .currency_ul li:nth-child(4), .currency_ul li:nth-child(5), .currency_ul li:nth-child(6) {
    display: none
  }
  .tit {
    padding: 0 20px;
    height: 46px;
    line-height: 46px;
    margin-bottom: 15px;
  }
  .tit h2, .titH2, .tab-ul li, .R_tit h2, .content .tit h2, .zxyw_box h2 {
    font-size: 1.1rem !important;
  }
  .titH2, .tab-ul {
    background: #f4f4f4;
    height: 46px;
    line-height: 46px;
  }
  .currency_ul li:nth-child(3) {
    margin-bottom: 0
  }
  .APP_head .APP_List li {
    font-size: 16px;
  }
  .MT30 {
    margin-top: 20px
  }
  .device .arrow-right, .device .arrow-left {
    display: none
  }
  .footer_div {
    width: 96%;
    margin: 0 auto;
    padding-left: 0;
    background: url(fonter_img_2021510.png) no-repeat top center;
    padding-top: 70px;
  }
  .footer_text p {
    text-align: center
  }
  .footer_text p label {
    margin: 0;
    display: block;
    width: 100%
  }
  .R_tit h2 {
    padding: 10px 30px;
  }
  .Hamburg label {
    background: none;
    padding-left: 0
  }
  .content .tit {
    height: 46px;
    line-height: 46px;
  }
  .titH2 a {
    padding-left: 20px
  }
  .tab-ul {
    padding-left: 20px
  }
  .footer {
    margin-top: 20px
  }
  .footer_text {
    padding: 20px 0 15px;
  }
  .content {
    margin-top: 0px;
  }
.loading_BOX {
    background: url(app_loading.jpg) no-repeat;
       
    background-size: 100% 100%;
}
	.wel1 {
    width: 80%;
    position: absolute;
    top: 13%;
    left: 50%;
    margin-left:-40%!important;
}
	
.wel2{
    width: 80%;
   
    position: absolute;
    top: 25%;
    left: 50%;
    margin-left: -40%!important;
  
}
.wel3{
    width: 20%;
    height: 80px;
    position: absolute;
    top: 42%;
    right: 15%;
     background: url(loading_tit.png) no-repeat; background-size: 100%
}	
	
	
}
@media screen and (max-width:480px) {
  .APP_head .APP_Btn {
    width: 18%;
  }
}
@media screen and (max-width:414px) {
  .APP_head .APP_Btn {
    width: 20%;
  }
}